<template>
  <div class="selectModule">
    <div class="centerBox">
      <div class="funcBox"
           @click="WorksheetClick">工单列表</div>
      <div class="funcBox"
           @click="historyClick">设备数据</div>
      <div class="funcBox"
           @click="repairClick">维修保养</div>
      <div class="funcBox"
           @click="completeReport">报工</div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'selectModule',
  data() {
    return {}
  },
  created() {},
  methods: {
    // 点击工单列表
    WorksheetClick() {
      console.log('点击工单列表')
      // 跳转
      this.$router.push('/worksheet')
    },
    // 点击历史信息
    historyClick() {
      console.log('点击历史信息')
      // 跳转
      this.$router.push('/history')
    },
    // 点击维修保养
    repairClick() {
      console.log('点击维保')
      // 跳转
      this.$router.push('/repair')
    },
    // 点击报工
    completeReport() {
      console.log('点击报工')
      // 跳转
      this.$router.push('/report')
    }
  }
}
</script>

<style lang="less" scoped>
@import './select.less';
</style>